<template>
    <div class="container">
        <div style="height: 10px;"></div>
        <div class="info">
            <!-- 布局 -->
            <div style="height: 10px;"></div>
            <div style="padding: 10px;width: 90%;margin-left: 5%;" @click="feeStatus">
                <div style="display: flex;align-items: center;justify-content: space-between;">
                    <div class="flex-image" style="display: flex;align-items: center;">
                        <image src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/static%2Fhelp.png"  mode="scaleToFill"/>
                         
                        <!-- <image :src="base+'/profile/farm_photo/2024/06/14/jf_20240614152334A011.png'"  mode="scaleToFill"/> -->
                        <div style="width: 15px;"></div>
                        <div>缴费情况</div>
                    </div>
                    <div style="display: flex;align-items: center;">
                        <u-icon color="#609872" name="arrow-right"></u-icon>
                        <div style="width: 10px;"></div>
                    </div>
                </div>
            </div>
            <div style="height: 30px;"></div>
            <div style="padding: 10px;width: 90%;margin-left: 5%;" @click="personinfo">
                <div style="display: flex;align-items: center;justify-content: space-between;">
                    <div class="flex-image" style="display: flex;align-items: center;">
                        <image src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/static%2Fhelp.png"  mode="scaleToFill"/>
                           
                        <!-- <image :src="base+'/profile/farm_photo/2024/06/14/gl_20240614152221A006.png'"  mode="scaleToFill"/> -->
                        <div style="width: 15px;"></div>
                        <div>对公转账</div>
                    </div>
                    <div style="display: flex;align-items: center;">
                        <u-icon color="#609872" name="arrow-right"></u-icon>
                        <div style="width: 10px;"></div>
                    </div>
                </div>
            </div>
            <div style="height: 30px;"></div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
        }
    },
    methods: {
        // 跳转关联公户
        personinfo(){
            uni.navigateTo({ url: '/pagesFarmer/index/publicAccount' })
        },
        // 跳转缴费情况
        feeStatus(){
            uni.navigateTo({ url: '/pagesFarmer/index/fees' })
        },
    },
    onLoad(){
    }
    
}
</script>
<style lang="scss">
.container{
    height: 100vh;
    width: 100vw;
    background: #E3EDE2;
    color: #1A512C;
}
.info{
    // background: #CCE1C8;
    // border-radius: 20px;
    // width: 90%;
    // margin-left: 5%;
    // height: 80vh;
}
.head-img image{
    width: 100rpx;
    height: 100rpx;
    border-radius: 50%;
}
.flex-image image{
    width: 50rpx;
    height: 50rpx;
    border-radius: 50%;
}
.line-white{
    height: 4rpx;
    width: 90vw;
    background: #fff;
}
</style>